<template>
  <div class="main404">
    <img :src="notFoundSrc">
    <p>没有找到 <b>{{fullPath}}</b>对应的页面，请检查输入的路径或联系系统管理员进行处理。
      <router-link to="/">返回首页</router-link>
    </p>
  </div>
</template>
<script>

  export default {
    data () {
      return {
        fullPath: this.$route.fullPath,
        notFoundSrc: require('../images/not-found.png')
      }
    }
  }

</script>
<style lang="less" scoped>
  .not-found-title {
    font-size: 32px;
    color: #ff3300;
  }

  .main404 {
    padding: 0 20px 20px 20px;
    display: flex;
    min-height: 800px;
    justify-content: center;
    flex-direction: column;
    text-align: center;
    > img {
      width: 300px;
      margin: 30px auto;
    }

    > p {
      font-size: 1.2rem;
      > b {
        color: #2db7f5;
      }
    }
  }
</style>
